<template>
  <div class="privacy-policy-container">
    <van-nav-bar
      title="隐私条款"
      left-arrow
      @click-left="goBack"
      fixed
    />
    
    <div class="content-area">
      <div class="info-section">
        <h3>隐私政策</h3>
        <p>本隐私政策描述了我们如何收集、使用和保护您在使用医院信息系统时提供的个人信息。请在使用我们的服务前仔细阅读本政策。</p>
        
        <h3>信息收集</h3>
        <p>我们可能收集以下类型的信息：</p>
        <ul>
          <li>个人识别信息（姓名、电话号码、电子邮件地址等）</li>
          <li>健康相关信息（病史、就诊记录、处方信息等）</li>
          <li>设备信息（IP地址、设备型号、操作系统版本等）</li>
          <li>使用数据（访问时间、使用功能、点击记录等）</li>
        </ul>
        
        <h3>信息使用</h3>
        <p>我们使用收集的信息用于：</p>
        <ul>
          <li>提供、维护和改进我们的服务</li>
          <li>处理您的预约和挂号请求</li>
          <li>向您发送服务通知和更新</li>
          <li>保护用户账户安全</li>
          <li>分析使用模式以改进用户体验</li>
        </ul>
        
        <h3>信息保护</h3>
        <p>我们采取多种安全措施保护您的个人信息，包括但不限于：</p>
        <ul>
          <li>数据加密传输和存储</li>
          <li>严格的访问控制机制</li>
          <li>定期安全审计</li>
          <li>员工隐私培训</li>
        </ul>
        
        <h3>信息共享</h3>
        <p>我们不会出售、交易或出租您的个人信息给第三方。我们可能在以下情况下共享您的信息：</p>
        <ul>
          <li>经您明确同意</li>
          <li>与提供服务的医疗机构共享必要的就诊信息</li>
          <li>遵守法律法规要求</li>
          <li>保护我们的权利和财产</li>
        </ul>
        
        <h3>您的权利</h3>
        <p>您对自己的个人信息拥有以下权利：</p>
        <ul>
          <li>访问和查看您的个人信息</li>
          <li>更正不准确的信息</li>
          <li>删除您的账户和相关信息</li>
          <li>撤回同意</li>
          <li>投诉处理</li>
        </ul>
        
        <h3>政策更新</h3>
        <p>我们可能会不时更新本隐私政策。更新后的政策将在应用内公布，并在生效前通知您重大变更。</p>
        
        <h3>联系我们</h3>
        <p>如果您对本隐私政策有任何疑问，请通过以下方式联系我们：</p>
        <p>隐私专员邮箱：privacy@hospital-info.com</p>
        <p>客服电话：400-123-4567</p>
        
        <p class="last-update">最后更新日期：2023年12月1日</p>
      </div>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()

const goBack = () => {
  router.back()
}
</script>

<style scoped>
.privacy-policy-container {
  min-height: 100vh;
  background-color: #f5f7fa;
  padding-top: 46px;
}

.content-area {
  padding: 20px 16px;
}

.info-section {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(100, 101, 102, 0.08);
}

.info-section h3 {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

.info-section h3:first-child {
  margin-top: 0;
}

.info-section p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 8px 0;
}

.info-section ul {
  padding-left: 20px;
  margin: 8px 0;
}

.info-section li {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 4px;
}

.last-update {
  font-size: 12px;
  color: #999;
  margin-top: 20px;
  text-align: right;
}
</style>